@charset "utf-8";
section{
    margin-top: 24px;
    border-top: 4px solid #eb413d;
    & .title{
        margin-left: 115px;
        margin-top: 80px;
        & .flow:first-of-type{
            width: 270px;
            border-top: 1px solid #eb413d;
            & img{
                width: 58px;
                height: 67px;
                display: block;
                margin-top: -33px;
            }
           h1{
               color: #eb413d;
           }
                
        }
        & .flow{
            width: 270px;
            border-top: 1px solid #d9d9d9;
             & h1{
                margin-top: -63px;
                color: #444f58;
                float: left;
                font-size: 18px;
                margin-left: 70px;
            }
            h2{
                float: left;
                color: #444f58;
                font-size: 16px;
                margin-left: 70px;
                margin-top: -30px;
            }
            span{
                display: block;
                font-size: 14px;
                color: #99999A;
                width: 80px;
                text-align: center;
                margin-left: -11px;
                margin-top: 13px;
            }
            & img{
                width: 58px;
                height: 67px;
                display: block;
                margin-top: -33px;
            }
        }
    }
    .content{
        margin: 0 auto;
        width: 1000px;
        margin-top: 40px;
        border: 1px solid #e1e1e1;
        margin-bottom: 380px;
        .left{
          width: 420px;
          padding-top: 40px;
          box-sizing: border-box;
          border-right: 1px solid #E1E1E1;
          padding-bottom: 140px;
         & .top{
              margin: 0 auto;
              width: 320px;
              
              h1{
                  font-size: 18px;
                  color: #444f58;
                  margin-right: 20px;
              }
              img{
                  display: block;
              }
              .border{
                  width: 120px;
                  height: 120px;
                  border: 1px solid #E1E1E1;
                  margin-top: 30px;
                  background: url(../../images/my_order/list_good_01.jpg) no-repeat center;
              }
              .introduce{
                  width: 180px;
                  margin-left:20px;
                  h1{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      margin-top: 40px;
                  }
                  h2{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      margin-top: 35px;
                  }
                  span{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      margin-top: 35px;
                  }
              }
          }
          .middle{
              margin: 0 auto;
              width: 320px;
              margin-top: 25px;
              border-top: 1px dotted #efefef;
              h1{
                  font-size: 13px;
                  color: #878787;
                  padding-top: 20px;
                  letter-spacing: 20px;
              }
              p{
                  font-size: 13px;
                  margin-left: -20px;
                  padding-top: 20px;
                  color: #878787;
              }
              h2{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
              }
              span{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
              }
              h3{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
                  margin-left: 15px;
              }
              h4{
                  font-size: 13px;
                  color: #444F58;
                  padding-top: 20px;
              }
              i{
                  padding-top: 21px;
                  margin-left: 10px;
              }
          }
          .blow{
              margin: 0 auto;
              width: 320px;
              margin-top: 25px;
              border-top: 1px dotted #efefef;
              h1{
                  font-size: 18px;
                  color: #444f58;
                  margin-top: 25px;
                  margin-bottom: 25px;
              }
              h2{
                  font-size: 13px;
                  color: #878787;
                  margin-top: 15px;
              }
              p{
                  font-size: 13px;
                  color: #444f58;
                  margin-top: 15px;
                  margin-left: 15px;
              }
              h3{
                  font-size: 13px;
                  color: #444f58;
                  margin-top: 15px;
                  margin-left: 28px;
              }
              span{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 15px;
              }
          }
      }
      .right{
          width: 578px;
          .top{
              height: 60px;
              width: 578px;
              border-bottom: 1px solid #e7e7e7;
              
              .first{
                  width: 145px;
                  height: 60px;
                  border-right: 1px solid #e7e7e7;
                  border-bottom: 4px solid #EB413D;
                  p{
                      display: block;
                      font-size: 14px;
                      color: #878787;
                      margin-top: 20px;
                      margin-left: 45px;
                      color: #EB413D;
                  }
                  
              }
              .second{
                  width: 145px;
                  height: 60px;
                  border-right: 1px solid #e7e7e7;
                  p{
                      display: block;
                      font-size: 14px;
                      color: #878787;
                      margin-top: 20px;
                      margin-left: 45px;
                  }
                  
              }
              .three{
                  width: 288px;
                  height: 60px;
                  background: #f7f7f7;
              }
          }
          .centre{
              margin-top: 30px;
              margin-left: 70px;
          .reason{
                p{
                    color: #eb413d;
                    margin-top: 13px;
                }
                >span{
                display: block;
                font-size: 13px;
                color: #444f58;
                margin-top: 13px;
                 }
                 .select{
                     margin-left: 20px;
                 }
            }
            .money{
                margin-top: 25px;
                 p{
                    color: #eb413d;
                    margin-top: 13px;
                }
                 span{
                display: block;
                font-size: 13px;
                color: #444f58;
                margin-top: 13px;
                 }
                 input{
                     margin-left: 20px;
                 }
             .input_span span{
                display: block;
                font-size: 10px;
                color: #eb413d;
                margin-top: 10px;
                margin-left: 95px;
            }
            }
            .state{
                margin-top: 25px;
                 span{
                display: block;
                font: "微软雅黑";
                font-size: 13px;
                color: #444f58;
                 }
                 textarea{
                     position: relative;
                     margin-left: 25px;
                 }
                 p{
                     display: block;
                     color: #99999a;
                        font-size: 13px;
                        position: relative;
                        right: 50px;
                        top: 90px;
                 }
             .input_span span{
                display: block;
                font: "微软雅黑";
                font-size: 10px;
                color: #eb413d;
                margin-top: 10px;
                margin-left: 95px;
            }
            }
        }
        .down{
            margin-left: 70px;
            p{
                font-size: 13px;
                color: #878787;
                margin-top: 40px;
            }
            .file input{
                width: 130px;
                height: 40px;
                border-radius: 30px;
                margin-left: 25px;
                margin-top: 25px;
                opacity: 0;
                position:relative ;
            }
            img{
                margin-left: -130px;
                margin-top: 25px;
            }
            span{
                display: block;
                margin-top: 15px;
                font-size: 13px;
                color: #878787;
                margin-left: 95px;
                width: 350px;
            }
             button{
                 margin-left: 90px;
                 margin-top: 20px;
              p{
                display: block;
                color: #FFFFFF;
                font-size: 13px;
                text-align: center;
                line-height: 44px;
            }
            }
        }
      }
      
    }
}